<!-- 专题详情 -->
<template>
  <div class="topic">
    <div v-html="topicDetail.content"></div>
  </div>
</template>

<script>
import {
      detailaction as detailactionApi,
} from '@/api/topic'
export default {
  data () {
    return {
        topicId:'',
        topicDetail:{},
        recommendList:[]
    }
  },

  components: {},

  computed: {},

  created() {
    // console.log('this.$route.query=>',this.$route.query);
    // console.log('this.$route.params=>',this.$route.params);
    this.topicId = this.$route.query.id
    this.getTopicDetailByid()
    
  },

  mounted() {},

  methods: {
    async getTopicDetailByid(){
        let res = await detailactionApi({id:this.topicId})
        this.topicDetail = res.data
        this.recommendList = res.recommendList
    }
  }
}

</script>
<style lang='scss' scoped>
.topic{
    ::v-deep img{
        width: 100%;
        height: auto;
    }
}
</style>